<template>
    <div class="on-line">
        <div class="image">
            <img src="../../../assets/img/on-line.png" alt="">
        </div>
        <div class="internet-media">
            <i></i>
            <p>包括网络媒体：新闻门户网、地方网站、行业网站、垂直类媒体网站</p>
        </div>
        <div class="news-client">
            <i></i>
            <p>包括新闻客户端：今日头条、一点资讯、网易、新浪、凤凰等数十家</p>
        </div>
    </div>
</template>
<script>
export default {
    name: 'OnLine',
    data () {
        return {

        }
    }
}
</script>
<style scoped>
.on-line {
    padding-top: 60px;
}
.on-line .image {
    width: 371px;
    height: 381px;
}
.on-line .image img {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
}
.on-line .internet-media {
    margin-top: 28px;
    display: flex;
}
.on-line .internet-media i,.on-line .news-client i {
    display: inline-block;
    width: 7px;
    height: 30px;
    background-color: #1e90ff;
    margin-top: 3px;
}
.on-line .internet-media p,.on-line .news-client p {
    font-size: 30px; /*px*/
    color: #708090;
    margin-left: 17px;
    line-height: 40px;
}
.on-line .news-client {
    margin-top: 40px;
    display: flex;
}

</style>
